.zhibopage{background-color:#f1f1f1;}
.zhibo-dl{ background-color: #fff;width:94%;margin:20px auto 0 auto;border-radius:10px;overflow:hidden;}
.zhibo-dt{position:relative;width:100%;overflow:hidden;max-height:400px;}
.zhibo-dt .qun-userg{width:100%;}
.zhibo-dd{padding:10px 3%;}
.zhibo-tit{font-size:32px;color:#000;display:block;line-height: 40px;font-weight:400;}
.zhibo-info{color:#888;padding:15px 0;height:100%;overflow:hidden;}
.zhibo-info .zhibo-zhubao{float:right;}
.zhibo-state{position:absolute;left:2%;top:20px;background-color: #fe8900;height:50px;line-height:50px;padding:0 30px;color:#fff;border-radius:50px;}
.zhibo-state01{background-color: #4cbf22}
.zhibo-state02{background-color: #888}
.zhibo-dy{background-color: #fff;border:1px solid #f96000;color:#f96000;left:auto;top:auto;bottom:90px;right:2%;}
.zhibo-list{padding-bottom:20px;}
.zhibo-dy .subscribe--live-player-subscribe__btn{background:none;height:100%;width:100%;color:#f96000;line-height:50px;font-size:24px;}
.zhibo-share{background-color: #4cbf22;left:auto;top:auto;bottom:20px;right:2%;}
.sharebg{ background: rgba(0,0,0,0.5);position: fixed;left:0;top:0;width:100%;height:100%; z-index: 100;}
.sharebgnone{display:none;}
.sharebox{position: fixed;left:0;bottom:0; z-index: 1000; width:100%;background-color:#fff;border-top-left-radius:100px;border-top-right-radius:100px;}
.share-li{height:100px;line-height:100px;background-color:#fff;font-size:28px;text-align: center;width:100%;border-bottom:1PX solid #eee;}
.share-cancle{border-top:20px solid #eee;border-bottom:none;}
.pyqshare{position: fixed;left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.5);}
.card-canvas{margin:0 auto;width:600px; height:800px;margin-top:100px;}
.share-btn{height:80px;line-height:80px;width:600px;overflow:hidden; background-color: #fff;border-top:1px solid #eee;margin:0 auto;}
.share-btn .btn01{display:inline-block; vertical-align: middle;width:78%;text-align:center;height:80px;margin:0;color:#333; background: none;}
.share-btn .btn02{display:inline-block; vertical-align: middle;width:20%;text-align:center;border-left:1px solid #eee;height:80px;}
.hislist{width:100%;height:100%;margin:0 auto;border-radius:0;position: relative;overflow:hidden;}
.hislist .zhibo-dt{max-height: 100%;height:100%;}
.hislist .zhibo-dt .video{width:100%;height:100%;}
.hislist .zhibo-dd{position:absolute;left:20px;top:20px; background:rgba(0,0,0,0.5);padding:20px;color:#fff;border-radius:10px;}
.hislist .zhibo-tit,.hislist .zhibo-info{color:#fff;}
.zhibo-his{height:100%;padding:0;}
.zhibo-his .swiper-container{height:100%;overflow:hidden;}
.swiper-pagination{position:absolute;left:0;bottom:20px;white-space:nowrap;}
.swiper-pagination .swiper-img{width:200px;height:200px;border-radius:10px;display:inline-block;margin-left:20px;overflow:hidden;}
.swiper-pagination .swiper-img .videosmall{height:100%;width:100%;}
.swiper-pagination::-webkit-scrollbar {width: 0;height: 0;color: transparent;}
.swiper-img{position:relative;}
.videosmallbg{position:absolute;left:0;top:0;width:100%;height:100%; background:rgba(255,255,255,0.5)}
.videosmallbgc{background:rgba(255,255,255,0)}

.gxc-shop .gxc-list{height:auto;background-color:#ffffff;border-radius:8px;justify-content:space-between;margin:20px 20px 0 20px;padding-bottom: 20px;}
.gxc-shop .zhibo-dl{display:flex;}
.gxc-shop .zhibo-dt{margin-left:15px;width:80px;border-radius:80px;height:80px;overflow:hidden;margin-top: 20px;}
.gxc-shop .zhibo-dd{width:80%;height:auto;display:flex;flex-direction:column;justify-content:center;}
.gxc-shop .zhibo-tit{width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 32px;margin-top:15px;}
.gxc-shop .zhibo-time{width:100%;word-break:break-all;overflow:hidden;font-size:24px;color:#aaaaaa;display:-webkit-box;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;white-space:normal !important;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.gxc-shop .zhibo-img{margin-left: 135px;margin-top: 10px;}
.gxc-shop .zhibo-imgs{width: 173px;height: 173px; display: inline-block;margin-right: 8px;}
.gxc-shop .shopimg{width: 100%;height: 100%;border-radius: 5px;}
